
/*
Elements
*/

html {
	margin : 0;
	width : 100%;
	height : 100%;
	font-family: 'Dosis', sans-serif;
	font-size : 12pt;
	color : #2C2C2C;
	overflow-x : hidden;
}
body {
	margin : 0;
	width : 100%;
	height : 100%;
	background-color : #FFF;
	font-size : 100%;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	overflow-x : hidden;
}
.gtitle {
	width : 850px;
	max-width : 850px;
	font-family: "BariolBold", Arial, sans-serif;
	font-size : 40pt;
	text-align : center;
	padding : 30px 0 90px 0;
}

/*
HEADER
*/

#head {
	background : #FFF;
	position : fixed;
	width : 100%;
	height : 150px;
	border-bottom : 1px solid #CCC;
	z-index : 10000;
	top : 0;
}
#int {
	background : #FFF;
	position : relative;
	top : 0;
	margin-left : auto;
	margin-right : auto;
	width : 850px;
	height : 150px;
	line-height : 150px;
	font-family : "BariolBold", Arial, sans-serif;
	color : #EA6868;
	text-align : left;
}
#menu {
	position : relative;
	float : right;
}
#menu li {
	position : relative;
	float : right;
	margin-left : 20px;
	
}
#menu li a {
	font-family: "Dosis", Arial, sans-serif;
	color : #AAA;
}

/*
FOOTER
*/

#foot {
	position : relative;
	margin-top : 130px;
	background-color : #F2F2F2;
	color : #222;
	width : 100%;
	padding : 60px 0 60px 0;
	font-size : 12pt;
	text-align : center;
}

/*
HOME
*/

#home {
	position : relative;
	width : 850px;
	margin-left : auto;
	margin-right : auto;
	margin-bottom : 92px;
}
#slider-home {
	height : 400px;
}

/*
NEWS
*/

#news {
	position : relative;
	margin-left : auto;
	margin-right : auto;
	width : 850px;
	height : auto;
	margin-top : 200px;
	text-align : center;
}
#slider-news {
	height : 120px;
}
.news-item {
	height : 120px;
	display : table;
	text-align : center;
}
.news-item p {
	display : table-cell;
	vertical-align : middle;
	height : 120px;
	padding : 0 100px 0 100px;
	text-align : center;
	width : 850px;
}
.news-item p .title {
	font-weight : bold;
}
.news-item p .text {
	
}
.abilities-item p .title {
	font-weight : bold;
}
.abilities-item p .text {
	
}

/*
ABOUT
*/

#about {
	position : relative;
	margin-left : auto;
	margin-right : auto;
	width : 850px;
	height : 400px;
	margin-top : 50px;
	border-top : 1px solid #CCC;
}
.battlefield {
	position : relative;
	margin-left : auto;
	margin-right : auto;
	width : 765px;
	min-height : 140px;
	padding-top : 20px;
	padding-bottom : 20px;
}
.battlefield-img {
	background : url('../img/battlefield-img.png') center center no-repeat;
	background-size : cover;
	position : absolute;
	width : 100px;
	height : 180px;
	z-index : 100;
}
.soldier {
	position : relative;
	float : left;
	margin : 0 6px 0 6px;
	width : 240px;
	height : 140px;
	border : 1px solid #E8E8E8;
	text-align : center;
	display : table;
}
.soldier p {
	display : table-cell;
	vertical-align : middle;
}

/*
REFS
*/

#refs {
	position : relative;
	margin-left : auto;
	margin-right : auto;
	width : 850px;
	height : auto;
	margin-top : 50px;
	border-top : 1px solid #CCC;
}
.refs-item {
	position : relative;
	width : 850px;
	height : 400px;
	z-index : 1;
	padding-top : 20px;
	-webkit-perspective : 1000px;
	-moz-perspective : 1000px;
	-o-perspective : 1000px;
	perspective : 1000px;
	clear : both;
}
.refs-item .int:hover {
	cursor : pointer;
}
.sep {
	position : relative;
	clear : both;
	margin : 20px 0 20px 425px;
}
.point {
	position : relative;
	float : left;
	background : #888;
	width : 5px;
	height : 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin : 11px 10px auto 0;
}
.refs-year {
	position : relative;
	float : left;
	background: #FFF;
	border: 1px solid #CCC;
	max-width : 30px;
	max-height : 50px;
	padding : 7px 5px 4px 5px;
	font-family: "BariolRegular", Arial, sans-serif;
	color : #888;
	text-align : center;
	font-size : 10pt;
}
.refs-year:after, .refs-year:before {
	right: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.refs-year:after {
	border-color: rgba(204, 204, 204, 0);
	border-right-color: #FFF;
	border-width: 5px;
	top: 50%;
	margin-top: -5px;
}
.refs-year:before {
	border-color: rgba(204, 204, 204, 0);
	border-right-color: #888;
	border-width: 6px;
	top: 50%;
	margin-top: -6px;
}
.card {
	position : relative;
	width : 100%;
	height : 100%;
	-webkit-transform-style : preserve-3d;
	-moz-transform-style : preserve-3d;
	-o-transform-style : preserve-3d;
	transform-style : preserve-3d;
	text-align : center;
	-webkit-transition : all 0.5s ease-in-out;
	-moz-transition : all 0.5s ease-in-out;
	-o-transition : all 0.5s ease-in-out;
	transition : all 0.5s ease-in-out;
}
.card .title {
	font-family : "Dosis", Arial, sans-serif;
	font-weight : 300;
	font-size : 15pt;
	margin-top : 150px;
	text-transform : uppercase;
}
.card .date {
	font-family : "Dosis", Arial, sans-serif;
	font-weight : 300;
	font-size : 12pt;
}
.card .thumb {
	position : absolute;
	top : 0;
	right : 0;
	width : 400px;
	height : 400px;
	display : block;
	overflow : hidden;
}
.flip-bt, .like-bt, .link-bt {
	width : 20px;
	height : 20px;
	position : absolute;
	display : block;
	right : 0;
	bottom : 20px;
	-webkit-backface-visibility : hidden;
	-moz-backface-visibility : hidden;
	-o-backface-visibility : hidden;
	backface-visibility : hidden;
}
.flip-bt {
	background : url('../img/flip-bt.png') center center no-repeat;
	margin-right : 20px;
}
.like-bt {
	background : url('../img/like-bt.png') center center no-repeat;
	margin-right : 45px;
}
.link-bt {
	background : url('../img/link-bt.png') center center no-repeat;
	margin-right : 70px;
}
.face {
	border : 1px solid #E8E8E8;
	background : #FFF;
	position : absolute;
	width : 100%;
	height : 100%;
	-webkit-backface-visibility : hidden;
	-moz-backface-visibility : hidden;
	-o-backface-visibility : hidden;
	backface-visibility : hidden;
	-webkit-transform : rotateY(0deg);
	-moz-transform : rotateY(0deg);
	-o-transform : rotateY(0deg);
	transform : rotateY(0deg);
}
.face .int {
	position : absolute;
	background : #000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	width : 810px;
	height : 360px;
	margin : 20px;
	color : #FFF;
}
.back {
	border : 1px solid #E8E8E8;
	background : #FFF;
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility : hidden;
	-moz-backface-visibility : hidden;
	-o-backface-visibility : hidden;
	backface-visibility : hidden;
	-webkit-transform : rotateY(180deg);
	-webkit-box-sizing : border-box;
	-moz-transform : rotateY(180deg);
	-moz-box-sizing : border-box;
	-o-transform : rotateY(180deg);
	-o-box-sizing : border-box;
	transform : rotateY(180deg);
	box-sizing : border-box;
}
.card .back .text {
	font-family : "Dosis", Arial, sans-serif;
	font-weight : 300;
	position : absolute;
	top : 65px;
	left : 60px;
	text-align : left;
	width : 450px;
}
.card .back .adds {
	position : absolute;
	top : 65px;
	right : 60px;
	width : 200px;
	text-align : left;
	display : table;
	font-family : "BariolBold", Arial, sans-serif;
}
.card .back .adds p {
	display : table-cell;
}
.card .back .adds p span {
	margin-bottom : 5px;
}
.rotated-0 {
	-webkit-transform : rotateY(0deg);
    -moz-transform : rotateY(0deg);
	-o-transform : rotateY(0deg);
    transform : rotateY(0deg);
}
.rotated-180 {
	-webkit-transform : rotateY(180deg);
    -moz-transform : rotateY(180deg);
	-o-transform : rotateY(180deg);
    transform : rotateY(180deg);
}

/*
LOGIN BOX
*/

.response {
	background : #FFF;
	position : fixed;
	top : 50%;
	left : 50%;
	margin-top : -40px;
	margin-left : -200px;
	width : 400px;
	min-height : 80px;
	padding : 25px;
	text-align : center;
	border : 1px solid #CCC;
	border-top : 2px solid #CCC;
	z-index : 30000;
	display : none;
}
.response p.text {
	margin-top : 20px;
	color : #888;
	font-size : 10pt;
	text-transform : uppercase;
}
.response form{
	margin-top : 20px;
}
.response p {
	display : inline;
}
.response p.ajax-loader {
	margin-top : 20px;
	display : none;
}
.response p.text {
	margin : 10px 0 20px 0;
	display : none;
}
input[type="text"] {
	padding : 10px;
	font-family: 'Dosis', sans-serif;
	border : 1px solid #CCC;
}
input[type="password"] {
	padding : 10px;
	font-family: 'Dosis', sans-serif;
	border : 1px solid #CCC;
}
input[type="submit"] {
	padding : 10px;
	font-family: 'Dosis', sans-serif;
	background : #FFF;
	border : 1px solid #CCC;
}
textarea {
	font-family: 'Dosis', sans-serif;
	outline : none;
}
textarea:focus {
	outline : none;
}
input[type="password"]:focus {
	outline : none;
}
input[type="text"]:focus {
	outline : none;
}
input[type="submit"]:focus {
	outline : none;
}
a.login-bt {
	padding : 10px;
	font-family: 'Dosis', sans-serif;
	font-size : 10pt;
	background : #FFF;
	border : 1px solid #CCC;
	color : #222;
}

/*
MEDIA QUERIES
*/

@media only screen and (min-width : 1400px) and (max-width : 1700px) {
	#home-menu {
		position : absolute;
		z-index : 110;
		top : 50%;
		left : 16%;
		margin-top : -115px;
		width : 400px;
		height : 230px;
	}
}
@media only screen and (min-width : 1024px) and (max-width : 1400px) {
	#home-menu {
		position : absolute;
		z-index : 110;
		top : 50%;
		left : 10%;
		margin-top : -115px;
		width : 400px;
		height : 230px;
	}
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
	#home-menu {
		position : absolute;
		z-index : 110;
		top : 50%;
		left : 5%;
		margin-top : -115px;
		width : 400px;
		height : 230px;
	}
}

/*
STYLES
*/

@font-face {
    font-family : 'BariolRegular';
    src : url('../css/font/bariol_regular-webfont.eot') format('eot'),
         url('../css/font/bariol_regular-webfont.svg') format('svg'),
         url('../css/font/bariol_regular-webfont.ttf') format('truetype');
    font-weight : normal;
    font-style : normal;
}
.bariol-regular {
	font-family: "BariolRegular", Arial, sans-serif;
}
@font-face {
    font-family : 'BariolBold';
    src : url('../css/font/bariol_bold-webfont.eot') format('eot'),
         url('../css/font/bariol_bold-webfont.svg') format('svg'),
         url('../css/font/bariol_bold-webfont.ttf') format('truetype');
    font-weight : normal;
    font-style : normal;
}
.bariol-bold {
	font-family: "BariolBold", Arial, sans-serif;
}
@font-face {
    font-family : 'BariolLight';
    src : url('../css/font/bariol_light.eot') format('eot'),
         url('../css/font/bariol_light.svg') format('svg'),
         url('../css/font/bariol_light.ttf') format('truetype');
    font-weight : normal;
    font-style : normal;
}
.bariol-light {
	font-family: "BariolLight", Arial, sans-serif;
}
.dosis-light {
	font-family: 'Dosis', sans-serif;
	font-weight : 200;
}
.size6 {
	font-size : 6pt;
}
.size10 {
	font-size : 10pt;
}
.size12 {
	font-size : 12pt;
}
.size14 {
	font-size : 14pt;
}
.size16 {
	font-size : 16pt;
}
.size20 {
	font-size : 20pt;
}
.size25 {
	font-size : 25pt;
}
.size30 {
	font-size : 30pt;
}
.size35 {
	font-size : 35pt;
}
.size40 {
	font-size : 40pt;
}
.size45 {
	font-size : 45pt;
}
.size60 {
	font-size : 60pt;
}
.size75 {
	font-size : 75pt;
}
.bold {
	font-weight : bold;
}
.italic {
	font-style : italic;
}
.white {
	color : #FFFFFF;
}
.parme {
	color : #EA6868;
}
.black {
	color : #000000;
}
.grey01 {
	color : #888888;
}
.grey02 {
	color : #666666;
}
.grey03 {
	color : #444;
}
.brown01 {
	color : #818963;
}
.blue01 {
	color : #CCD9DD;
}
.blue01 a {
	color : #CCD9DD;
}
.green01 a {
	color : #FFFFFF;
}
.green01 a:hover {
	color : #C2C9B8;
}
.orange01 {
	color : #C30;
}
.lighter {
	font-weight : lighter;
}
.uppercase {
	text-transform : uppercase;
}
.justify {
	text-align : justify;
}
.letterspacing2 {
	letter-spacing : 2px;
}
.letterspacing4 {
	letter-spacing : 4px;
}
.letterspacing5 {
	letter-spacing : 5px;
}
.letterspacing10 {
	letter-spacing : 10px;
}
.links a {
	color : #FFFFFF;
}
.links a:hover {
	color : #FFF;
}
.paddingtop15 {
	padding-top : 15px;
}
.paddingtop30 {
	padding-top : 30px;
}
.paddingbottom15 {
	padding-bottom : 15px;
}
.textalignleft {
	text-align : left;
}
.alignleft {
	text-align : left;
}
.underline {
	text-decoration : underline;
}

/*
Standard
*/

ul {
	padding : 0 0 0 0px;
	margin : 0;
}
li {
	list-style : none;
}
a {
	text-decoration : none;
}
a:focus {
	outline: none;
}
img:focus {
	outline: none;
}
img {
	border : none;
}
p {
	padding : 0;
	margin : 0;
}